<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>tblogin</title>
    <link rel="shortcut icon" href="../tb/favicon.ico" />
    <link rel="stylesheet" href="CSS/reset.css">
    <script src="../tb/lib/jquery.min.js"></script>
</head>
<body>
    <div id="dl">
        <!-- 右上二维码 -->
        <div class="ewm_1">
            <a href=""><div></div></a>
        </div>

        <!-- 聊天框 -->
        <div class="logo">
            <div class="img">
                <div><img src="image/icon-prevent.png" alt=""></div>
                <span>扫码登录更安全</span>
            </div>
        </div>

        <!-- 中间表单 -->
        <div class="center">
            <div class="center-top">淘宝会员登录</div>

            <form action="">
                <input class="phone" type="text" placeholder="输入手机号码">
                <input type="text" placeholder="短信验证码">
                <input type="button" value="获取验证码" class="btn">
                <p>登录即表示您同意联想账户 <b>注册协议</b> 和 <b>隐私政策</b> </p>
                <!-- <input type="submit" value="登录" class="sub"> -->
                <button class="sub"><a href="../tb/tbindex.html">登录</a></button>
            </form>

            <div class="psw">
                <a href="">账户密码登录</a>
                <a href="">企业会员注册</a>
            </div>
            <div class="hr">
                <hr class="hr-1">
                <span>其他方式登录</span>
                <hr class="hr-2">
            </div>
            <div class="foot">
                <div class="img">
                    <a href=""><div class="img-1"></div></a>
                    <a href=""><div class="img-2"></div></a>
                    <a href=""><div class="img-3"></div></a>
                    <a href=""><div class="img-4"></div></a>
                </div> 
            </div>
        </div>
    </div>
</body>
</html>
<script src="../tb/lib/login.js"></script>
<script>
    function $(username){
        return document.getElementsByClassName('phone')
    }
    function login_yz(){
        var uname = $('uname').value;
        if(uname.length == 0){
            alert('用户名不能为空');
            return false;
        }
    }
    document.querySelector('.sub').onclick = function(){
        alert('登录成功')
        
    }
</script>
